<div class="submenu">
    <div id="zetHorizDragHandle" class="zet-drag-handle-horiz"></div>
    <div id="zetVertDragHandle" class="zet-drag-handle-vert"></div>
    <div id="zetPaneContainer" class="zet-pane-container">
        <div for="zetPaneContent" class="button-label">

            <div id="zetPaneHeader" class="zet-pane-header">
                <button id="notesSearchButton" class="linkbuttons search-button" title="Search Vector Embeddings Database">
                    <svg class="icon">
                        <use xlink:href="#searchSVG"></use>
                    </svg>
                </button>
                <select id="zetPaneDropdown" class="custom-select ignoreSetup"></select>
                <button class="zet-add-pane-button linkbuttons search-button" title="Add a new Zettelkasten Panel">
                    <svg class="icon">
                        <use xlink:href="#plus-icon"></use>
                    </svg>
                </button>
                <button class="zet-delete-pane-button linkbuttons search-button" title="Delete Zettelkasten Panel">
                    <svg class="icon">
                        <use xlink:href="#delete-icon"></use>
                    </svg>
                </button>
            </div>

        </div>

        <div id="zetPaneContent" class="zet-pane-content"></div>
    </div>
    <form id="prompt-form" onsubmit="sendMessage(event);">
        <!-- Second Row: Prompt Form -->
        <div style="display: flex; width: 100%; padding-top: 12px;">

            <!-- Textarea for main prompt -->
            <textarea id="prompt" class="custom-scrollbar" rows="1" oninput="autoGrow(event);" placeholder="Enter prompt..." required></textarea>

            <!-- Status icons positioned similarly to function prompt -->
            <div class="status-icons-container" style="position: relative; right: 45px; top: 6px;">
                <!-- Status icons (Loader and Error) -->
                <div class="loader" id="aiLoadingIcon" style="display:none;"></div>
                <div class="error-icon-css" id="aiErrorIcon" style="display:none;">
                    <div class="error-x-mark">
                        <span class="error-x-mark-left"></span>
                        <span class="error-x-mark-right"></span>
                    </div>
                </div>
            </div>

            <!-- Run button (Play icon) -->
            <button type="submit">
                <svg width="18" height="18">
                    <use xlink:href="#play-icon"></use>
                </svg>
            </button>

            <!-- Regenerate button (Refresh icon) -->
            <button id="regen-button" type="button">
                <svg width="18" height="18">
                    <use xlink:href="#refresh-icon"></use>
                </svg>
            </button>
        </div>
    </form>
</div>